<template>
  <div class="title">
    <img :src="urls.getAssetsFile(`${imgUrl}`)" alt="" />
    <p>{{ title }}</p>
  </div>
</template>

<script setup>
import urls from '@/utils/url'

const props = defineProps({
  imgUrl: {
    type: String,
    default: '',
  },
  title: {
    type: String,
    default: '',
  },
})
</script>

<style lang="scss" scoped>
// 弹性盒子
@mixin common() {
  display: flex;
  align-items: center;
}
.title {
  @include common;
  height: 32px;
  font-size: 22px;
  font-family:
    Source Han Sans CN-Bold,
    Source Han Sans CN;
  font-weight: 700;
  color: #111111;
  line-height: 32px;
  img {
    margin-right: 6px;
  }
}
</style>
